<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div th:replace="themes/hxq/header::header(null,null)"></div>
<body>
<!-- container -->
<div class="container">

    <ol class="breadcrumb">
        <li><a href="index.html">主页</a></li>
        <li class="active">关于我们</li>
    </ol>

    <div class="row">

        <!-- Article main content -->
        <article class="col-sm-8 maincontent">
            <header class="page-header">
                <h1 class="page-title">关于我们</h1>
            </header>
            <h3>公司简介</h3>
            <p><img src="user/images/about.jpg" alt="" class="img-rounded pull-right" width="300"/> Lorem ipsum dolor
                sit amet, consectetur adipisicing elit. Eveniet, consequuntur eius repellendus eos aliquid molestiae ea
                laborum ex Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, consequuntur eius
                repellendus eos aliquid molestiae ea laborum ex quibusdam laudantium voluptates placeat consectetur quam
                aliquam beatae soluta accusantium iusto nihil nesciunt unde veniam magnam repudiandae sapiente.</p>
            <p>Consectetur adipisicing elit. Eveniet, consequuntur eius repellendus eos aliquid molestiae ea laborum ex
                quibusdam laudantium voluptates placeat consectetur quam aliquam beatae soluta accusantium iusto nihil
                nesciunt unde veniam magnam repudiandae sapiente.</p>
            <h3>我们的目标</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, consequuntur eius repellendus eos
                aliquid molestiae ea laborum ex quibusdam laudantium voluptates placeat consectetur quam aliquam beatae
                soluta accusantium iusto nihil nesciunt unde veniam magnam repudiandae sapiente. consequuntur eius
                repellendus eos aliquid molestiae ea laborum ex quibusdam laudantium voluptates placeat consectetur quam
                aliquam!</p>
            <h3>团队介绍</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, consequuntur eius repellendus eos
                aliquid molestiae ea laborum ex quibusdam laudantium voluptates placeat consectetur quam aliquam beatae
                soluta accusantium iusto nihil nesciunt unde veniam magnam repudiandae sapiente. voluptate minus illo
                tenetur sint ab in culpa cumque impedit quibusdam. Saepe, molestias quia voluptatem natus velit fugiat
                omnis rem eos sapiente quasi quaerat aspernatur quisquam deleniti accusantium laboriosam odio id?</p>
            <h3>公司动态</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, consequuntur eius repellendus eos
                aliquid molestiae ea laborum ex quibusdam laudantium voluptates placeat consectetur quam aliquam beatae
                soluta accusantium iusto nihil nesciunt unde veniam magnam repudiandae sapiente., consequuntur eius
                repellendus eos aliquid molestiae ea laborum ex quibusdam laudantium voluptates placeat consectetur quam
                aliquam!</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, consequuntur eius repellendus eos
                aliquid molestiae ea laborum ex quibusdam laudantium voluptates placeat consectetur quam aliquam beatae
                soluta accusantium iusto nihil nesciunt unde veniam magnam repudiandae sapiente.</p>

        </article>
        <!-- /Article -->

        <!-- Sidebar -->
        <aside class="col-sm-4 sidebar sidebar-right">

            <div class="panel">
                <h4>最新动态</h4>
                <ul class="list-unstyled list-spaces">
                    <li><a href="">Responsive Design</a><br/><span class="small text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, laborum.</span>
                    </li>
                    <li><a href="">HTML5, CSS3 and JavaScript</a><br/><span class="small text-muted">Consequuntur eius repellendus eos aliquid molestiae ea laborum ex quibusdam</span>
                    </li>
                    <li><a href="">Bootstrap</a><br/><span class="small text-muted">Eveniet, consequuntur eius repellendus eos aliquid molestiae ea</span>
                    </li>
                    <li><a href="">Clean Template</a><br/><span class="small text-muted">Sed, mollitia earum debitis est itaque esse reiciendis amet cupiditate.</span>
                    </li>
                    <li><a href="">Premium Quality</a><br/><span class="small text-muted">Voluptate minus illo tenetur sint ab in culpa cumque impedit quibusdam. Saepe, molestias quia.</span>
                    </li>
                </ul>
            </div>

        </aside>
        <!-- /Sidebar -->

    </div>
</div>    <!-- /container -->

<div th:replace="themes/hxq/footer::footer"></div>


</body>
</html>